{% extends "base.html" %}

{% block title %}The Booth{% endblock %}
{% block body %}

<div id="runs">
  {% if user_photo %}
  <table>
    <td  valign="top">
      <div id="recent-runs">
        <h1>You</h1>
        <table>
          <tbody>
            {% for photo in user_photo %}
            <tr>
              <td>
          	    <a href="{{ photo.link }}" target="_parent">
          	      <img class="pic" src="{{ photo.src }}">
          	    </a>
              </td>
              <td>
          	    {{ photo.caption }}
              </td>
            </tr>
           {% endfor %}
         </tbody>
       </table>
      </div>
    </td>
    <td valign="top">
  <div id="recent-runs">
    <h1>Manity</h1>
    <table>
      <tbody>
      {% for friend in friend_photos %}
      <td valign="top">
      <table>
        {% for photo in friend %}
        {% if forloop.first %}
        <td align="center">
        	{{ photo }}
        </td>
        {% else %}
        <tr>
        	<td align="center">
        		<a href="{{ photo.link }}" target="_parent">
          			<img class="pic" src="{{ photo.src_small }}" onmouseover="showComment({{ photo.caption }})">
          		</a>	
          	</td>
        </tr>
        {% endif %}
        {% endfor %}
      </table>
      </td>
      {% endfor %}
      </tbody>
    </table>
    </div>
    </td>
    </table>
  {% endif %}

<script type="text/javascript">
    //<![CDATA[

    function showComment(comment) {
      return;
    }
    
    //]]>
</script>
  
{% endblock %}
